<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>抱团商家</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui,viewport-fit=cover"/>
    <meta name="keywords" content="抱团">
    <meta name="description" content="抱团">
    <script type="text/javascript" src="../common/js/base.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="../common/css/elementui.min.css">
    <link rel="stylesheet" type="text/css" href="../common/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../common/css/nanoscroller.css">
    <link rel="stylesheet" type="text/css" href="../common/css/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="../common/css/base.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type='text/javascript' src="../common/js/jquery.min.js" charset="UTF-8"></script>
    <script type='text/javascript' src="../common/js/jquery.easing.js" charset="UTF-8"></script>
    <script type='text/javascript' src="../common/js/html2canvas.min.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../common/js/layer/layer.js" charset="UTF-8"></script>
    <!-- <script type='text/javascript' src="../common/js/createjs.min.js" charset="UTF-8"></script> -->
    <script type="text/javascript" src="../common/js/wow.js" charset="UTF-8"></script>
    <!-- <script type='text/javascript' src="../common/js/city.js" charset="UTF-8"></script> -->
    <script type="text/javascript" src="../common/js/vue.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../common/js/vue-resource.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../common/js/axios.min.js" charset="UTF-8"></script>
    <script type='text/javascript' src="../common/js/elementui.min.js" charset="UTF-8"></script>
    <script type='text/javascript' src="../common/js/jquery.nanoscroller.js" charset="UTF-8"></script>
    <script type='text/javascript' src="../common/js/swiper.animate.min.js" charset="UTF-8"></script>
    <script type='text/javascript' src="../common/js/swiper-bundle.min.js" charset="UTF-8"></script>
    <script type='text/javascript' src="../common/js/helper.js" charset="UTF-8"></script>
</head>
<body>
<div class="wrapperbox bankcardpage hasmenu" id="app">
    <p class="mine">我的银行卡信息</p>
    <div class="message">
        <div class="cardname">
            <span class="name1">开户人姓名：</span>
            <span class="name2">{{bank_account.name || '未设置'}}</span>
        </div>
        <div class="cardname">
            <span class="name1">卡号：</span>
            <span class="name2">{{bank_account.card_no || '未设置'}}</span>
        </div>
        <div class="cardname">
            <span class="name1">开户银行：</span>
            <span class="name2">{{bank_account.bank_name || '未设置'}}</span>
        </div>
        <div class="cardname">
            <span class="name1">收款银行支行：</span>
            <span class="name2">{{bank_account.sub_bank || '未设置'}}</span>
        </div>
        <div class="button" v-on:click="banKcardChange">更改银行卡信息</div>
    </div>
</div>

<div class="footer">
    <div class="item">
        <a href="shophome.html">
            <img class="itemimg" src="images/nav_home.png">
            <p class="itemname">首页</p>
        </a>
    </div>
    <div class="item">
        <a href="activity.html">
            <img class="itemimg" src="images/nav_activity.png">
            <p class="itemname">活动及销售</p>
        </a>
    </div>
    <div class="item">
        <a href="order.html">
            <img class="itemimg" src="images/nav_order.png">
            <p class="itemname">订单</p>
        </a>
    </div>
    <div class="item">
        <a href="my.html">
            <img class="itemimg" src="images/nav_my_active.png">
            <p class="itemname">我的</p>
        </a>
    </div>
</div>

</body>
<script>
  $(function () {
    new Vue({
      el: '#app',
      data() {
        return {
          bank_account: {}
        }
      },
      mounted() {
        wow = new WOW({
          animateClass: 'animated',
          offset: 0
        });
        wow.init();
      },
      created() {
        this.loadBankAccount()
      },
      methods: {
        banKcardChange: function () {
          window.location.href = 'changebankcard.html'
        },
        loadBankAccount: function () {
          merchant_get('withdraw_account').then(res => {
            this.bank_account = res
            if (!res.name) {
              window.location.href = 'changebankcard.html'
            }
          })
        },
      }
    });
  })
</script>
</html>
